<?php

    //验证session
    session_start();
    if(!isset($_SESSION['username'])){
        echo '<script>alert("请先登录");location.href="/";</script>';
        exit;
    }

    //连接数据库
    include("config/config.php");

    $user=$dbh->query("SELECT * FROM user WHERE username='".$_SESSION['username']."'")->fetchAll();
    
?>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>个人主页</title>
<link  href="css/css.css" rel="stylesheet" type="text/css">
<link  href="css/self.css" rel="stylesheet" type="text/css">
<style type="text/css">
body,td,th {
	color: #06F;
}
</style>
<script src="statics/js/jquery.min.js"></script>
<script src="css/style1.css"></script>
<script src="js/js.js"></script>
<script src="js/self.js"></script>
</head>

<body>
    <!-- 头部 -->
    <?php
            include("template/head.php");
        ?>
    <!-- 头部 -->
	<!--导航-->
    <?php
            include("template/nav.php");
        ?>
    <!--导航-->

<div class="box">
   <div class="box_1 clear">
    <div class="z_left">
      <div class="list_1">
          <div class="portrait">
               <p class="por_modify">
                  <img src="images/tx.jpg">
                  <a href="javascript:;">修改图像</a>
               </p>
              <p><?php echo $user[0]['name'] ?></p>
              <p  class="border_b"></p>
              <p><span>积分</span> <b><?php echo $user[0]['score'] ?></b></p>
          </div>
      </div><!--头像部分-->
      <ul class="list_1">
        <li class="active"><a href="#"><span class="icon"></span>个人资料修改</a></li>
        <li><div  class="clear"><a href="#" class="left"><span class="icon"></span>我的消息</a><b>4</b></div></li>
        <li><a href="#"><span class="icon"></span>我的收藏</a></li>  
      </ul>
    </div><!--左边-->
   
   <div class="center_r">
    <div class="c_1" style="display:block;">
        <p class="tit">个人资料修改</p>
        <p class="border_b"></p>
       <p class="ul">
          <a href="#" class="active">个人资料</a>
          |
          <a href="#">修改头像</a>
          |
          <a href="#">修改用户名</a>
          |
          <a href="#">修改邮箱</a>
          |
          <a href="#">修改密码</a>
          |
          <a href="javascript:logout()">退出登录</a>

        </p> 
       <ul class="tab menu_1"  style="display:block;">
          <li class="h_portrait"> <p class="por_modify"><img src="images/tx.jpg"><a href="javascript:;">修改图像</a></p></li>
          <li><span>用户名</span>：<?php echo $user[0]['name'] ?><a href="javascript:;" title="修改用户名"><img src="images/modif.png" class="u_name"></a></li>
          <li><span>邮 &nbsp; 箱</span>：<?php echo $user[0]['email'] ?><a href="javascript:;" title="修改邮箱"><img src="images/modif.png"class="u_email"></a></li>
      </ul>  
       <div class="tab menu_2">
          <img src="img/avatar.jpg"> 
          <form   id="up_pro" >  
          <p><input type="file" name="protrait" class="text"><i class="none">您没有上传文件</i></p>
          <p><input type="button" class="submit" name="up_pro"  value="上传"></p>
          </form>
       </div>
       <div class="tab menu_3">
         <form   id="user_name">  
          <p><span>用户名：</span> <input type="text" name="name" value="" class="text_1" placeholder="<?php echo $user[0]['name'] ?>"   autocomplete="off"> <em>*</em><i>请输入用户名</i></p>
          <p><input type="button"  value="提交"  class="submit"></p>
          </form>
       </div>
       <div class="tab menu_3" >
         <form  id="user_email">  
          <p><span>邮 &nbsp; 箱：</span> <input type="text" name="email" value="" class="text_2"   autocomplete="off"> <em>*</em><i>请输入正确的邮箱</i></p>
          <p><input type="button"  value="提交"   class="submit"></p>
          </form>
       </div>
       <div class="tab menu_3">
         <form  id="user_pass">  
          <p><span>当前密码：</span> <input type="text" name="old_pwd" value="" class="text_3"   autocomplete="off"> <em>*</em><i>请输入当前密码</i></p>
          <p><span>&nbsp;新 密 码：</span> <input type="text" name="new_pwd" value="" class="text_3"   autocomplete="off"> <em>*</em><i>密码6---9个字符，下划线英文数字组合</i></p>
          <p><span>确认密码：</span> <input type="text" name="new_pwd2" value="" class="text_3"   autocomplete="off"> <em>*</em><i>两次密码不一致</i></p>
          <p><input type="button"  value="提交"  class="submit" style="margin-left:77px"></p>
          </form>
       </div>
    </div><!--个人资料修改-->
    
    <div class="c_2">
       <p class="tit">我的消息 <span><a href="javascript:;" class="del">[全部清空]</a></span></p>
       <p class="border_b"></p>
       <ul class="list li">
         <li>
            <p class="tit">系统<time>2015-04-17</time>消息提醒<span><a href="javascript:;">删除</a></span></p>
            <p class="con">恭喜！您已经成功开通了博客。您可以删除或编辑此博文，开始您的博客之旅</p>
         </li>
         <li>
            <p class="tit">系统<time>2015-04-17</time>消息提醒<span><a href="javascript:;">删除</a></span></p>
            <p class="con">您上传的ＸＸＸ的文档已通过审核,在我的上传里可以查看。</p>
         </li>
         <li>
            <p class="tit">aa<time>2015-04-17</time>回复 <a href="javascript:;">thinkphp3.2中不支持mySql 函数...</a><span><a href="javascript:;">删除</a></span></p>
            <p class="con">回复： 配置里的数据库配置项都是为数据库驱动服务的吧，用原生不使用驱动的话自然要自己连接数
            据库配置里的数据库配置项都是为数据库驱动服务的吧，用原生不使用驱动的话自然要自己连接数据库</p>
         </li>
           <li>
            <p class="tit">aa<time>2015-04-17</time>回复 <a href="javascript:;">thinkphp3.2中不支持mySql 函数...</a><span><a href="javascript:;">删除</a></span></p>
            <p class="con">回复： 配置里的数据库配置项都是为数据库驱动服务的吧，用原生不使用驱动的话自然要自己连接数
            据库配置里的数据库配置项都是为数据库驱动服务的吧，用原生不使用驱动的话自然要自己连接数据库</p>
         </li>
                  <li>
            <p class="tit">系统<time>2015-04-17</time>消息提醒<span><a href="javascript:;">删除</a></span></p>
            <p class="con">恭喜！您已经成功开通了博客。您可以删除或编辑此博文，开始您的博客之旅</p>
         </li>
         <li>
            <p class="tit">系统<time>2015-04-17</time>消息提醒<span><a href="javascript:;">删除</a></span></p>
            <p class="con">您上传的ＸＸＸ的文档已通过审核,在我的上传里可以查看。</p>
         </li>
         <li>
            <p class="tit">aa<time>2015-04-17</time>回复 <a href="javascript:;">thinkphp3.2中不支持mySql 函数...</a><span><a href="javascript:;">删除</a></span></p>
            <p class="con">回复： 配置里的数据库配置项都是为数据库驱动服务的吧，用原生不使用驱动的话自然要自己连接数
            据库配置里的数据库配置项都是为数据库驱动服务的吧，用原生不使用驱动的话自然要自己连接数据库</p>
         </li>
           <li>
            <p class="tit">aa<time>2015-04-17</time>回复 <a href="javascript:;">thinkphp3.2中不支持mySql 函数...</a><span><a href="javascript:;">删除</a></span></p>
            <p class="con">回复： 配置里的数据库配置项都是为数据库驱动服务的吧，用原生不使用驱动的话自然要自己连接数
            据库配置里的数据库配置项都是为数据库驱动服务的吧，用原生不使用驱动的话自然要自己连接数据库</p>
         </li>
       </ul><!--一页显示10条-->
        <ul class="page clear">
            <li>首页</li>
            <li>上一页</li>
            <li><a href="javascript:;" class="thispage">1</a></li>
            <li><a href="javascript:;">2</a></li>
            <li><a href="javascript:;">3</a></li>
            <li><a href="javascript:;">4</a></li>
            <li><a href="javascript:;">5</a></li>
            <li><a href="javascript:;">下一页</a></li>
           <li><a href="javascript:;">尾页</a></li>
           <li class="tz"><select>
           <option value="1">1</option>
           <option value="1">1</option>
           <option value="1">1</option>
           </select><a href="javascript:;">跳转</a>
           </li>
           <li>共 1/3 页</li>
      </ul><!--分页--> 
     </div><!--我的消息-->
     
    <div class="c_3">
        <p class="tit">我的收藏<span><a href="javascript:;" class="del">[取消全部收藏]</a></span></p>
        <p class="border_b"></p>
        <ul class="list li">
            <li><span class="icon_span pos_book"></span><a href="javascript:;">黑色的办公室出租H5响应式网站模板免费下载</a>
            <span class="right"><time>2012-04-04</time><a href="javascript:;">取消收藏</a></span></li>
            <li><span class="icon_span pos_book"></span><a href="javascript:;">黑色的办公室出租H5响应式网站模板免费下载</a>
            <span class="right"><time>2012-04-04</time><a href="javascript:;">取消收藏</a></span></li>
            <li><span class="icon_span pos_book"></span><a href="javascript:;">黑色的办公室出租H5响应式网站模板免费下载</a>
            <span class="right"><time>2012-04-04</time><a href="javascript:;">取消收藏</a></span></li>
            <li><span class="icon_span pos_book"></span><a href="javascript:;">黑色的办公室出租H5响应式网站模板免费下载</a>
            <span class="right"><time>2012-04-04</time><a href="javascript:;">取消收藏</a></span></li>
        </ul>
        <ul class="page clear">
            <li>首页</li>
            <li>上一页</li>
            <li><a href="javascript:;" class="thispage">1</a></li>
            <li><a href="javascript:;">2</a></li>
            <li><a href="javascript:;">3</a></li>
            <li><a href="javascript:;">4</a></li>
            <li><a href="javascript:;">5</a></li>
            <li><a href="javascript:;">下一页</a></li>
           <li><a href="javascript:;">尾页</a></li>
           <li class="tz"><select>
           <option value="1">1</option>
           <option value="1">1</option>
           <option value="1">1</option>
           </select><a href="javascript:;">跳转</a>
           </li>
           <li>共 1/3 页</li>
      </ul><!--分页--> 
    </div><!--我的收藏-->
    

    <div class="c_4">
        <p class="tit">上传普通文档</p>
        <p class="border_b"></p>
        <form class="up_file"  enctype="multipart/form-data">
         <input type="text" class="up_text">
         <input type="file"  class="up_text2" name="text1">
        </form> <!--点击上传文件-->
       <div class="banqu">
            我们支持text,pdf,word等文件格式，文件≤200M，请上传合格文档。
           <p class="red"> 如上传盗版内容，将会导致下架、封号、索赔，甚至被追究刑事责任。</p>
       </div> 
       <div class="up_tit">
        <div class="up_1 clear">
            <b class="blur">上传文件名称：</b> 
            <span class="input left"></span><!--上传文件名称-->
             <p class="right">
                <span class="icon up"></span>
                <span class="left f_s_12">正在上传(0%)</span>
                <span class="icon del"></span>
            </p>
       </div><!--上传文件信息--> 
       <div class="up_2">
             <span></span>
             <span></span>
             <p class="bg">
                <b></b>
             </p>
       </div><!--进度条-->
     </div><!--文件上传-->
     <form  class="up_file2" enctype="multipart/form-data" id="word_file">
           <input  type="hidden" value="" name="up_temp" class="up_temp"><!--上传的文件名称-->
         <p><label>文档名称：</label><input type="text" value="" name="up_tit" class="up_input_tit">
         <em>*</em><i>文档名2----20个字,不包含特殊字符</i>
         </p>
         <div class="clear p_t"><label class="left">设置封面：</label>
               <div class="up_fm">
               <span class="icon fm_icon"></span>
               <img src="img/album_100.jpg"  class="fm_img"/> 
               <span class="icon fm_colse"></span>
               </div>
         </div><!--设置封面-->
         <div class="up_img">
              <p  class="icon up_img1">上传图片</p>
              <input type="file" name="up_img" class="up_img2"><i>文件大小<3M,尺寸最好200X200--300X300 </i><!--当改变时，上传图片，ajax提交返回图片地址-->
          </div>
          
         <p><label  style="vertical-align:top">文档描述：</label><textarea name="up_area" class="up_area"></textarea>
             <br/><i style="margin-left:70px;">文档描述10----200个字</i>
         </p>
         
         <div class="up_tag p_t">
             <label>标 &nbsp; &nbsp; 签：</label>
             <input type="text" name="up_tag" class="up_txt" ><i class="nored">标签名称禁止重复</i>
             <div class="list_tag  clear del_tag"></div>
             <div class="list_tag clear old_tag">
                <samp>访谈</samp>
               <samp>娱乐</samp>
               <samp>情感</samp>
                <samp>心理</samp>
               <samp>心灵</samp>     
               <i class="nored none">标签名称禁止重复</i> 
               <input type="hidden" name="up_tag2" class="up_txt2" value="">
             </div>
             <p style="margin-left:60px;" class="tag_len"><i>最多5个标签,自定义单个标签最长6个汉字(英文12个),标签之间用,隔开;  建议添加,方便用户搜索</i></p>
         </div>
         
         <p style="margin-left:70px; padding-top:20px"><input type="button" value="保存" class="submit"></p>
     </form><!--文件信息-->
   </div><!--上传普通文档 -->
   
    <div class="c_4">
        <p class="tit">上传有声文档</p>
        <p class="border_b"></p>
        <form name="up_file2" class="up_file">
         <input type="text" class="up_text">
         <input type="file"  class="up_text2" name="text1">
        </form> <!--点击上传文件-->
       <div class="banqu">
           我们支持MP3, WMA，AIFF，AIF, WAV, FLAC, OGG, MP2, AAC, AMR等文件格式，请尽量上传高音质音频。
          <p> 多个文件请压缩, 压缩为rar , zip格式, 文件≤200M。</p>
           <p class="red"> 如上传盗版内容，将会导致下架、封号、索赔，甚至被追究刑事责任。</p>
       </div> 
       <div class="up_tit">
        <div class="up_1 clear">
            <b class="blur">上传文件名称：</b> 
            <span class="input left"></span><!--上传文件名称-->
             <p class="right">
                <span class="icon up"></span>
                <span class="left f_s_12">正在上传(0%)</span>
                <span class="icon del"></span>
            </p>
       </div><!--上传文件信息--> 
       <div class="up_2">
             <span></span>
             <span></span>
             <p class="bg">
                <b>3.4M/5.6M</b>
             </p>
       </div><!--进度条-->
     </div><!--文件上传-->
     <form name="up_file2" class="up_file2"  id="soud_file">
        <input  type="hidden" value="" name="up_temp" class="up_temp"><!--上传的文件名称-->
     <div class="zj">
          <span class="left">添至专辑：</span>
          <div class="zj_add clear">
                   <span id="zj_name">选择所属专辑</span>
                   <a href="javascript:;" class="sele">◆</a>
             <ul class="zj_list">
                <li>11111111111111111111111</li>
                <li>2222222</li>
                <li>333333333333333333333333</li>
                <li class="zj_li zj_c"><p><b class="red">+</b>创建新专辑</p></li>
             </ul>
             <input type="hidden" value="" name="up_add_zj" class="up_add_zj">
          </div>
          <a href="javascript:;"><b class="red">+</b><span class="f_s_12 zj_c">创建新专辑</span></a>
        </div>
       
         <p><label>文档名称：</label><input type="text" value="" name="up_tit" class="up_input_tit">
         <em>*</em><i>文档名2----20个字</i>
         </p>
        <div class="clear p_t"><label class="left">设置封面：</label>
               <div class="up_fm">
               <span class="icon fm_icon"></span>
               <img src="img/album_100.jpg"  class="fm_img"> 
               <span class="icon fm_colse"></span>
               </div>
         </div><!--设置封面-->
           
          <div class="up_img">
              <p  class="icon up_img1">上传图片</p>
              <input type="file" name="up_img" class="up_img2"><i>文件大小<3M,尺寸最好200X200--300X300 </i><!--当改变时，上传图片，ajax提交返回图片地址-->
          </div>
        
         <p><label  style="vertical-align:top">文件描述：</label><textarea name="up_area"  class="up_area"></textarea>
             <br/><i style="margin-left:65px;">文件描述20----100个字</i>
         </p>
         <div class="up_tag p_t">
             <label>标 &nbsp; &nbsp; 签：</label>
             <input type="text" name="up_tag" class="up_txt" ><i class="nored">标签名称禁止重复</i>
             <div class="list_tag  clear del_tag"></div>
             <div class="list_tag clear old_tag">
                <samp>访谈</samp>
               <samp>娱乐</samp>
               <samp>情感</samp>
                <samp>心理</samp>
               <samp>心灵</samp>     
                <i class="nored none">标签名称禁止重复</i> 
               <input type="hidden" name="up_tag2" class="up_txt2" value="">
             </div>
             <p style="margin-left:60px;" class="tag_len"><i>最多5个标签,自定义单个标签最长6个汉字(英文12个),标签之间用,隔开; 建议添加,方便用户搜索</i></p>
         </div>
         
         <p style="margin-left:70px; padding-top:20px"><input type="submit" value="保存" class="submit"></p>
     </form><!--文件信息-->
   </div><!--上传有声文档 -->
   
     <div class="c_3">
        <p class="tit">我的专辑<span><a href="javascript:;" class="del">[删除全部专辑]</a></span>
         <a href="javascript:;" class="right" id="zj_c">创建新专辑</a>
        </p>
        <p class="border_b"></p>
          <ul class="list li">
            <li><span class="icon_span pos_yiyue"></span><a href="javascript:;">黑色的办公室出租H5响应式网站模板免费</a>
            <span class="right"><time>2012-04-04</time><a href="javascript:;">编辑</a><a href="javascript:;"  onClick="return confirm('您确定删除此专辑')">删除专辑</a></span></li>
            <li><span class="icon_span pos_yiyue"></span><a href="javascript:;">黑色的办公室出租H5响应式网站模板免费</a>
            <span class="right"><time>2012-04-04</time><a href="javascript:;">编辑</a><a href="javascript:;"  onClick="return confirm('您确定删除此专辑')">删除专辑</a></span></li>
            <li><span class="icon_span pos_yiyue"></span><a href="javascript:;">黑色的办公室出租H5响应式网站模板免费</a>
            <span class="right"><time>2012-04-04</time><a href="javascript:;">编辑</a><a href="javascript:;"  onClick="return confirm('您确定删除此专辑')">删除专辑</a></span></li>
            <li><span class="icon_span pos_yiyue"></span><a href="javascript:;">黑色的办公室出租H5响应式网站模板免费</a>
            <span class="right"><time>2012-04-04</time><a href="javascript:;">编辑</a><a href="javascript:;"  onClick="return confirm('您确定删除此专辑')">删除专辑</a></span></li>
        </ul>
          <ul class="page clear">
            <li>首页</li>
            <li>上一页</li>
            <li><a href="javascript:;" class="thispage">1</a></li>
            <li><a href="javascript:;">2</a></li>
            <li><a href="javascript:;">3</a></li>
            <li><a href="javascript:;">4</a></li>
            <li><a href="javascript:;">5</a></li>
            <li><a href="javascript:;">下一页</a></li>
           <li><a href="javascript:;">尾页</a></li>
           <li class="tz"><select>
           <option value="1">1</option>
           <option value="1">1</option>
           <option value="1">1</option>
           </select><a href="javascript:;">跳转</a>
           </li>
           <li>共 1/3 页</li>
      </ul><!--分页-->
      </div> <!--我的专辑-->
   
   <div class="up_load">
      <img src="img/load.gif">
   </div><!--上传文件或头像的load-->
   
   </div><!--右边-->
 </div>
</div><!--内容区结束-->
 <div class="mark">
       <div class="zj_create">
         <h3>创建新专辑<span class="right">×</span></h3>
          <form name="zj"  class="up_file2" id="zj_file">
          <div class="clear"><p><label>专辑名称：</label><input type="text" value="" name="zj_name" class="zj_name"> 
                 <em>*</em><i>专辑名称2---20个字符</i></p>
           <p  style="margin-left:63px;"><i>好的专辑标题至关重要，要用简短文字概括出最有吸引力的卖点哦~<br/>
            &nbsp;例如：青雪讲故事（结合人名）；科技相对论（结合行业）</i></p>
          </div>
          <div  class="clear p_t"><label class="left">设置封面：</label>
               <div class="up_fm">
               <span class="icon fm_icon"></span>
               <img src="img/album_100.jpg"  class="fm_img"> 
               <span class="icon fm_colse"></span>
               </div>
           </div><!--设置封面-->
          <div class="up_img">
              <p  class="icon up_img1">上传图片</p>
              <input type="file" name="up_img" class="up_img2"><i>文件大小<3M,尺寸最好>200X200 </i><!--当改变时，上传图片，ajax提交返回图片地址-->
          </div>
          
          <p class="up_type clear"><label>类 &nbsp; &nbsp; 型：</label>
             <select name="up_type">
             <option value="0">请选择一个类型</option>
             <option value="1">娱乐</option>
             <option value="2">文化</option>
             <option value="3">商业经济</option>
             <option value="4">文学</option>
             <option value="5">历史</option>
              <option value="6">情感生活</option>
             </select> <em>*</em><i class="none">请选择一个类型</i>
          </p>
          <div class="up_px clear p_t"><label class="left">专辑排序： </label>
             <div class="left">
               <p><input type="radio" value="px_desc" name="zj_px"> 倒序 <i>最新在前（如：第3集、第2集、第1集）</i></p>
               <p><input type="radio" value="px_asc" name="zj_px" checked> 正序 <i>最新在后（如：第1集、第2集、第3集）</i><em>*</em> </p>
           </div>
          </div>
                 
         <p><label  style="vertical-align:top">文档描述：</label><textarea name="up_area" class="area"></textarea>
             <br/><em style="margin-left:65px;">*</em><i>文档描述20----200个字</i>
         </p>
         
          <div class="up_tag p_t">
             <label>标 &nbsp; &nbsp; 签：</label>
             <input type="text" name="up_tag" class="up_txt" ><i class="nored">标签名称禁止重复</i>
             <div class="list_tag  clear del_tag"></div>
             <div class="list_tag clear old_tag">
                <samp>访谈</samp>
               <samp>娱乐</samp>
               <samp>情感</samp>
                <samp>心理</samp>
               <samp>心灵</samp>     
                <i class="nored none">标签名称禁止重复</i> 
               <input type="hidden" name="up_tag2" class="up_txt2" value="">
             </div>
             <p style="margin-left:60px;" class="tag_len"><i>最多5个标签,自定义单个标签最长6个汉字(英文12个),标签之间用,隔开;  建议添加,方便用户搜索</i></p>
         </div>
         <p style="margin-left:70px; padding-top:20px"><input type="submit" value="保存" class="submit"></p> 
        </form>
       </div><!--创建专辑-->
       
       <div class="zj_load">
        <img src="img/load.gif">
        <p>专辑正则创建中，请稍后。。。</p>
       </div>
       
       <div class="mark_bor">
        <div class="clear"><img src="img/selected.png"><p></p></div><!--创建专辑成功和失败-->
      </div>
       
       <div id="up_3">
       <p>您确定删除此文档吗</p>
       <p><span class="ease">确定</span><span class="ease">取消</span></p>
       </div>
</div><!--遮罩层-->
  
 <!-- 脚部 -->
 <?php
            include("template/foot.php");
        ?>
    <!-- 脚部 -->
</body>
<script>
    //导航添加高亮
    $("#my").addClass("current");
</script>
</html>
